<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<ul>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
	</ul>
	<script type="text/javascript">
		// 1.偶数行字体大小30px，加粗；奇数行背景颜色绿色，字体颜色白色
		/*
				添加样式的三种方法：
						1.元素节点。style.样式 = ""
						2.元素节点。style.cssText = "font-size: 30px; font-weight:700;"
						3.元素节点.setAttribute('style', "font-size:50px; font-family:黑体;)
						4.元素节点.style = "color: red; font-size: 30px;"
		*/
		let li = document.getElementsByTagName("li")
		for(let i = 0; i < li.length; i++){

			if (i % 2 == 0) {
				// 奇数
				li[i].style.background = "green"
				li[i].style.color = "#fff"
				// 会把上面的style覆盖掉
				li[i].setAttribute('style', "font-size:50px; font-family:黑体;")
			}else{
				// li[i].style.cssText = "font-size: 30px; font-weight:700;"
					li[i].style = "color: red; font-size: 30px;"
			}
		}


		
		// 2.往指定的数组里添加一条数据,如果添加的数据和数组里的重复,则不再添加,不重复添加进数组,并继续添加
		let arr = [1, 2, 3]

		function addNum(){
				let num = Number(prompt("请输入数字"))
				if(arr.indexOf(num) == -1){
						arr.push(num)
						return addNum()
				}else{
					  return arr
				}
		}
		addNum()
		console.log(arr)
	</script>
</body>
</html>